<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" th:href="@{/css/index/index_body.css}"/>
</head>
<body>

	<div class="text">
		<span style="text-align: center;color: #FFA500;"><font size="7">金</font></span>
		<span style="text-align: center;color: #FF7F24;"><font size="6">牌</font></span>
		<span style="text-align: center;color: #CD8500;"><font size="7">商</font></span>
		<span style="text-align: center;color: #FFC125;"><font size="6">家</font></span>
	</div>
	<div id="index_body">
		 <table style="width: 100%;border-collapse:initial;" cellspacing="10">
		 	<tr>
		 		<td width="25%"></td>
		 		<td width="25%"></td>
		 		<td width="25%"></td>
		 		<td width="25%"></td>	
		 	</tr>
		 	<tr>
		 		<td width="25%" v-for="item in items1">
				    <el-carousel height="200px">
				      <el-carousel-item v-for="(img,index) in item.imageUrl" :key="index">
				        <img :src="img"/>
				      </el-carousel-item>
				    </el-carousel>
				    <div class="detail">
				    	<span>{{item.desc}}</span>
				    	<br/><a :href="gotoDetail(item.companyUrl)">了解<span>{{item.names}}</span>详情</a>
				    </div>
		 		</td>
		 	</tr>
		 	
		 	<tr >
		 		<td width="25%" v-for="item in items2">
				    <el-carousel height="200px">
				      <el-carousel-item v-for="(img,index) in item.imageUrl" :key="index">
				        <img :src="img"/>
				      </el-carousel-item>
				    </el-carousel>
				    <div class="detail">
				    	<span>{{item.desc}}</span>
				    	<br/><a :href="gotoDetail(item.companyUrl)">了解<span>{{item.names}}</span>详情</a>
				    </div>
		 		</td>
		 	</tr>
		 	
		 	<tr >
		 		<td width="25%" v-for="item in items3">
				    <el-carousel height="200px">
				      <el-carousel-item v-for="(img,index) in item.imageUrl" :key="index">
				        <img :src="img"/>
				      </el-carousel-item>
				    </el-carousel>
				    <div class="detail">
				    	<span>{{item.desc}}</span>
				    	<br/><a :href="gotoDetail(item.companyUrl)">了解<span>{{item.names}}</span>详情</a>
				    </div>
		 		</td>
		 	</tr>
		 	
		 	<tr >
		 		<td width="25%" v-for="item in items4">
				    <el-carousel height="200px">
				      <el-carousel-item v-for="(img,index) in item.imageUrl" :key="index">
				        <img :src="img"/>
				      </el-carousel-item>
				    </el-carousel>
				    <div class="detail">
				    	<span>{{item.desc}}</span>
				    	<br/><a :href="gotoDetail(item.companyUrl)">了解<span>{{item.names}}</span>详情</a>
				    </div>
		 		</td>
		 	</tr>
		 <br/>
		 </table>
			<div class="fy">
				<el-button type="primary" icon="el-icon-arrow-left" @click="prev()" :loading="prebtnLoading">看上一批</el-button>
				<span style="color: #CDB38B;">当前是第<span id="page_"></span>批</span>
				<el-button type="primary" @click="next()" :loading="nexbtnLoading">换下一批<i class="el-icon-arrow-right el-icon--right"></i></el-button>
			</div>
	</div>
</body>
<script type="text/javascript" th:src="@{/js/main_index/indexBody.js}"></script>
</html>